<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
    <div class="bigbox">
        <!-- <div class="top"> -->
            <!-- 最顶部页面固定栏设计,包括logo，首页，用户等六个小模块 -->
            <div class="topKe">
                <div class="top">
                    <div class="topLogo">
                        <div><img src="https://zhang0228.oss-cn-wulanchabu.aliyuncs.com/yunlogo.png" alt=""></div>
                        &nbsp云顶书院
                    </div>
                    <div class="topIndex">
                        <a href="http://127.0.0.1:5500/html/indexuser.html"><span class="iconfont icon-shouye"></span>
                            首页</a>
                    </div>
                    <div class="topBook">
                        <a href=""><span class="iconfont icon-tushu"></span>
                            图书</a>
                    </div>
                    <div class="topUser">
                        <a href="http://127.0.0.1:5500/html/personUser/personUser.html"><span class="iconfont icon-geren2"></span>
                            个人</a>
                    </div>
                    <div class="topSer">
                        <a href=""><span class="iconfont icon-banli"></span>
                            服务办理</a>
                    </div>
                    <div class="topSearch">
                        <input type="text">
                        <div class="sousou">
                            <span class="iconfont icon-sousuoxiao"></span>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <!-- 设置一个空盒子来占顶部固定栏所占位置，从而不遮挡下面内容 -->
            <div class="prevent"></div>
        <!-- </div> -->
        <div class="middle">
            <div class="left">

            </div>
            <div class="right-top">

            </div>
            <div class="right-bottom">
                
            </div>

        </div>
        <div class="bottom">

        </div>
    </div>
</body>
</html>